<!-- ************************************************************************************************************ -->
<!-- fileName          : login.html 																			  -->
<!-- author            : 马文军 																					  --> 
<!-- createDate        : 2014/12/21 																			  -->
<!-- summary           : 网站后台登陆页面															  					  -->
<!-- modifiedBy        : 马文军																				      -->
<!-- ************************************************************************************************************ -->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网站后台管理系统</title>
<style type="text/css">
body{
	font-family: 微软雅黑;
	font-size: 14px;
	color: #000;
}
.formRecord {
	width: 100%;
	height: 30px;
	margin: 0px auto;
	text-align: center;
}
.formButton {
	width: 80%;
	height: 30px;
	margin: 10px auto;
	text-align: center;	
}
.title {
	float: left;
	width: 50px;
	height: 30px;
	text-align: left;
	line-height: 30px;
	margin-left:40px;
}
.controller {
	float: left;
	width: 130px;
	height: 30px;
	text-align: left;
	line-height: 30px;
}
.message {
	float: left;
	width: 25%;
	height: 30px;
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #666;	
}
.txtCtlr{
	width: 100%;
	font-size: 14px;	
	font-family: 微软雅黑;
}
#btnLogin{
	width: 50px;
	height: 25px;
	text-align: center;	
	font-size: 13px;	
	font-family: 微软雅黑;
}
</style>
<script src="./js/jquery.js"></script>
<script type="text/javascript">
$.ajaxSetup ({
   	cache: false //关闭AJAX相应的缓存
});

$(document).ready(function(){
	//自动获取焦点
	$("#userid").focus();
	
	//单击按钮提交表单
	$("#btnLogin").click(function(){			
		$("#loginForm").submit();
	});
	
	//密码框内按回车键提交表单
	$("#password").keyup(function(e){
		if(e.keyCode == 13) {
			$("#loginForm").trigger("submit");
		}		
	});		
});
</script>
</head>
<body>
	<div style="position:relative; width:1001px;height:570px; margin:0 auto;padding-top:50px;">
		<div style="float:left;position:relative; width:230px; margin:0 auto; ">
			<img src="image/login_bg.jpg"></img>
		</div>
		<div style="float:left;position:relative; width:420px; margin:0 auto; ">
			<div style="padding-left:50px; border:1px red;">
				<div style="position:relative; width:400px; margin:0 auto;padding-top:270px;">
					<form id="loginForm" method="post" action="loginAction.do">
						<div class="formRecord">
							<div class="title">账号：</div>
							<div class="controller"><input type="text" class="txtCtlr" name="username" id="username" /></div>
							<div class="message"></div>
						</div>
						<div class="formRecord">
							<div class="title">密码：</div>
							<div class="controller"><input type="password" class="txtCtlr" name="password" id="password" /></div>
							<div class="message"></div>
						</div>
						<div class="formButton">
							<input type="button" id="btnLogin" value="登录" />
						</div>
					</form>
				 </div>
			</div>	
		</div>
	</div>
</body>
</html>